import React from 'react'
// 定义路由表
// import Home from './pages/Home'
// import About from './pages/About'
// import News from './pages/News'
// import Message from './pages/Message'
// import Detail from './pages/Detail'
// 实现懒加载的代码
// import函数可以实现代码分割(默认情况下,我们的源代码会被webpack编译,合并成一个js文件,如果需要懒加载,首先编译完毕之后,每一个组件还得是一个单独的js. 在引入组件时,使用import()则可以实现代码分割)
// React.lazy(()=>{return promise}) 注意import()返回值刚好是一个promise .按照下面的方式写,组件就可以实现懒加载(用的时候,再加载到内存中)

// 所有懒加载的组件,必须使用Suspense组件包裹.作用是在组件加载过程中,给用户提示信息
const Home = React.lazy(() => import('./pages/Home'))
const About = React.lazy(() => import('./pages/About'))
const News = React.lazy(() => import('./pages/News'))
const Message = React.lazy(() => import('./pages/Message'))
const Detail = React.lazy(() => import('./pages/Detail'))

export default [
  {
    path: '/home',
    component: Home,
    children: [
      {
        path: '/home/news',
        component: News,
      },
      {
        path: '/home/message',
        component: Message,
        children: [
          {
            path: '/home/message/detail/:id',
            component: Detail,
          },
        ],
      },
    ],
  },
  {
    path: '/about',
    component: About,
  },
]
